import React, { Component } from 'react'
import { List } from 'antd-mobile';
import '../assets/styles/home/home-news-list.less'

const Item = List.Item;
const Brief = Item.Brief;

export default class HomeNewsList extends Component {
    render() {
        // console.log(this.props.contentArr[0])
        // return <div></div>
        return (
            <div className="news-list">
                <List >
                    <Item
                        arrow="horizontal"
                        thumb={this.props.contentArr[0].thumb}
                        multipleLine
                        extra={<span><i className="iconfont icon-view"></i>27</span>}
                        align="bottom"
                        onClick={() => { }}
                    >
                        {this.props.contentArr[0].title}<Brief><i className="iconfont icon-icon-time"></i>&emsp;2小时</Brief>
                    </Item>
                    {
                        this.props.contentArr.slice(1).map((item) => {
                            return <Item key={item.id} arrow="horizontal" onClick={() => { }}>{item.title}</Item>
                        })
                    }

                </List>
            </div>
        )
    }
}
